.WeChatSetUp {
	width: 100%;
	height: 100%;

	& > .ant-spin-nested-loading {
		width: 100%;
		height: 100%;
		overflow: hidden;

		& > .ant-spin-container {
			width: 100%;
			height: 100%;
			overflow: hidden;
			display: flex;
			align-items: flex-start;
			justify-content: space-evenly;

			& > div {
				height: 100%;
				width: 375px;

				&.preview {
					& > .WeChatBox {
						position: relative;
						background: #f8f8f8;
						border-radius: 8px;
						height: 100%;
						border: 1px solid #ccc;
						overflow: hidden;
						margin-bottom: 5px;

						& > .top {
							width: 100%;
							height: 134px;

							& > .top {
								height: 44px;
								display: flex;
								align-items: center;
								justify-content: center;
								font-size: 15px;
							}

							& > .name {
								width: 100%;
								height: 90px;
								display: flex;
								align-items: center;
								justify-content: flex-start;
								padding: 15px;
								position: relative;
								overflow: hidden;

								& > div {
									position: relative;
									font-size: 20px;
									font-family: PingFangSC-Semibold, PingFang SC;
									font-weight: 600;
									color: #ffffff;
									position: relative;
									z-index: 2;
								}

								& > img {
									position: absolute;
									left: 0;
									top: 0;
									width: 100%;
									height: 90px;
									object-fit: cover;
									display: block;
									z-index: 1;
								}
							}
						}

						& > .bottom {
							position: absolute;
							background: white;
							left: 0;
							bottom: 0;
							width: 100%;
							height: 55px;
							z-index: 2;
							display: flex;
							align-items: center;
							justify-content: center;

							& > .icon {
								flex: 1;
								height: 100%;
								display: flex;
								align-items: center;
								justify-content: center;
								flex-direction: column;
								cursor: pointer;

								& > span {
									font-size: 20px;
									color: #333333;
								}

								&:first-child {
									color: #236ee7;

									& > span {
										color: #236ee7;
									}
								}
							}
						}

						& > .menu {
							position: relative;
							width: 100%;
							background: white;
							height: calc(100% - 174px);
							overflow: hidden;
							border-radius: 15px 15px 0 0;
							margin-top: -16px;
							z-index: 3;

							& > .OrderBtn {
								margin: 15px;
								margin-bottom: 0;
								height: 44px;
								border-radius: 8px;
								display: flex;
								align-items: center;
								justify-content: center;
								cursor: pointer;

								& > img {
									width: 28px;
									height: 28px;
									display: block;
									margin-right: 8px;
								}

								& > div {
									height: 28px;
									line-height: 27px;
									font-size: 16px;
									font-family: PingFangSC-Semibold, PingFang SC;
									font-weight: 600;
									color: #ffffff;
								}
							}

							& > .box {
								width: 100%;
								overflow-y: scroll;

								&::-webkit-scrollbar {
									display: none;
								}

								& > .layout {
									min-height: 400px;

									& > .MenuItem {
										background: white;
										border-radius: 15px;
										position: relative;
										overflow: hidden;
										cursor: pointer;
										user-select: none;

										& > span {
											z-index: 5;
											bottom: 3px;
											right: 3px;

											&::after {
												border-color: white;
											}
										}

										& > img {
											position: absolute;
											left: 0;
											top: 0;
											width: 100%;
											height: 100%;
											object-fit: cover;
											display: block;
											z-index: 1;
										}

										& > .MenuDelete {
											position: absolute;
											right: 5px;
											top: 5px;
											font-size: 18px;
											color: white;
											z-index: 5;
										}

										& > .MenuBox {
											width: 100%;
											height: 100%;
											position: relative;
											z-index: 2;
											display: flex;
											align-items: center;
											justify-content: center;
											color: white;
											font-size: 20px;

											& > div {
												height: 18px;
												line-height: 18px;
												margin-left: 5px;
												font-family: PingFang SC;
												font-size: 18px;
											}
										}
									}
								}
							}
						}
					}
				}

				&.Basics,
				&.Menu {
					& > .ant-divider-horizontal.ant-divider-with-text {
						font-size: 22px;
						color: #262626;
						font-family: YouSheBiaoTiHei;
					}
				}

				&.Basics {
					& > .input {
						margin-bottom: 15px;

						& > div:first-child {
							font-size: 16px;
							line-height: 30px;
						}
					}

					& > .LoginBox {
						width: 100%;
						height: calc(100% - 360px);
						display: flex;
						align-items: center;
						align-content: flex-start;
						justify-content: space-around;
						flex-wrap: wrap;
						overflow-y: scroll;

						&::-webkit-scrollbar {
							display: none;
						}

						& > div {
							width: 100px;
							margin-bottom: 15px;
							cursor: pointer;

							& > img {
								width: 100%;
								height: 100%;
							}
						}
					}
				}

				&.Menu {
					& > .MenuList {
						width: 100%;
						height: calc(100% - 70px);
						overflow-y: scroll;

						& > .MenuItem {
							width: 345px;
							height: 100px;
							background: white;
							margin: 10px;
							margin-bottom: 15px;
							border-radius: 15px;
							position: relative;
							overflow: hidden;
							cursor: pointer;
							user-select: none;

							& > img {
								position: absolute;
								left: 0;
								top: 0;
								width: 100%;
								height: 100%;
								object-fit: cover;
								display: block;
								z-index: 1;
							}

							& > div {
								width: 100%;
								height: 100%;
								position: relative;
								z-index: 2;
								display: flex;
								align-items: center;
								justify-content: center;
								color: white;
								font-size: 20px;

								& > div {
									height: 18px;
									line-height: 18px;
									margin-left: 5px;
									font-family: PingFang SC;
									font-size: 18px;
								}
							}
						}
					}
				}
			}
		}
	}
}
